<template>
  <div id="app">
    <div class="top"></div>
    <van-tabs>
      <van-tab
        :title="item.text"
        v-for="(item, i) in menu"
        :key="i"
        :to="item.path"
      >
      </van-tab>
      <router-view></router-view>
    </van-tabs>
  </div>
</template>

<script>
export default {
  name: "app",
  data() {
    return {
      menu: [
        {
          path: "/recommend",
          text: "推荐音乐",
        },
        {
          path: "/hotsong",
          text: "热歌榜",
        },
        {
          path: "/search",
          text: "搜索",
        },
      ],
    };
  },
};
</script>

<style>
.top {
  width: 100%;
  height: 84px;
  background-color: #d43c33;
}
</style>
